<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>pc开票</title>
    <link rel="stylesheet" th:href="@{../../css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{../../css/bootstrap-responsive.min.css}"/>
    <link rel="stylesheet" th:href="@{../../css/jquery-ui.css}"/>
    <link rel="stylesheet" th:href="@{../../css/uniform.css}"/>
    <link rel="stylesheet" th:href="@{../../css/select2.css}"/>
    <link rel="stylesheet" th:href="@{../../css/unicorn.main.css}"/>
    <link rel="stylesheet" th:href="@{../../css/unicorn.grey.css}" class="skin-color"/>
    <link rel="stylesheet" th:href="@{../../css/datatables.css}"/>
</head>
<body class="child-body">
<div class="container-fluid">
    <!-- 主体部分 -->
    <div class="module-block">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div id="addInvoice">
                        <div class="form-group">
                            <label class="form-group-l">抬头类型 ：</label>
                            <div class="form-group-r">
                                <div class="form-group-r-item">
                                    <input type="radio" id="companyHead" name="invoiceHead" value="0"/>
                                    <label for="companyHead">企业抬头</label>
                                </div>

                                <div class="form-group-r-item">
                                    <input type="radio" id="personalHead" name="invoiceHead" value="1" checked="checked"/>
                                    <label for="personalHead">个人抬头</label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-group-l">发票类型 ：</label>
                            <div class="form-group-r">
                                <div class="form-group-r-item" th:if="${formBean.invoiceTypeCode} == '004'">
                                     <input type="radio" id="personalType" name="invoiceType" value="004" checked="checked" th:disabled="true"/>
                                     <label for="personalType">专用发票</label>
                                 </div>
                                <div class="form-group-r-item">
                                    <input type="radio" id="normalType" name="invoiceType" value="007" th:if="${formBean.invoiceTypeCode} != '004'" checked="checked" />
                                    <label for="normalType">普通发票</label>
                                </div>
                                <div class="form-group-r-item">
                                    <input type="radio" id="electronicType" name="invoiceType" th:if="${formBean.invoiceTypeCode} != '004'" value="026"/>
                                    <label for="electronicType">电子发票</label>
                                </div>
                                <input type="hidden" id= "blueRedType"  th:value="${formBean.invoicetype}"/>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-group-l">发票抬头 ：</label>
                            <div class="form-group-r">
                                <input type="text" class="input-60" id="invoiceTitle" th:value="${formBean.userName}"/>
                                <button class="table-btn" id="invoiceTitle-search">查询</button>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-group-l">税号 ：</label>
                            <div class="form-group-r">
                                <input type="text" class="input-60" id="taxId" />
                              <!--  <p id="taxId"></p> -->
                            </div>
                        </div>

                        <div class="form-group ">
                            <label class="form-group-l">开户行 ：</label>
                            <div class="form-group-r">
                                <!--  <p id="bankType"></p>-->
                                <input type="text" class="input-60" id="bankType" />
                            </div>
                        </div>

                        <div class="form-group ">
                            <label class="form-group-l">账号 ：</label>
                            <div class="form-group-r">
                                <!--  <p id="bankType"></p>-->
                                <input type="text" class="input-60" id="textBankNo" />
                                <!--  <p class="p-text" id="textBankNo"></p>-->
                           </div>
                       </div>

                       <div class="form-group ">
                           <label class="form-group-l">地址 ：</label>
                           <div class="form-group-r">
                               <input type="text" class="input-60" id="cityAddress" />
                               <!--  <p id="cityAddress"></p> -->
                                 <!-- <p id="phoneNumber"></p>-->
                             </div>
                         </div>
                        <div class="form-group ">
                            <label class="form-group-l">电话 ：</label>
                            <div class="form-group-r">
                                <input type="text" class="input-60" id="phoneNumber" />
                                <!--  <p id="cityAddress"></p> -->
                                <!-- <p id="phoneNumber"></p>-->
                            </div>
                        </div>
                         <div class="form-group">
                             <label class="form-group-l">金额 ：</label>
                             <div class="form-group-r">
                                 <p>
                                     <ins>￥<span th:text="${formBean.invoiceTotalPriceTax}" class="payment-money"></span>
                                     </ins>
                                 </p>
                             </div>
                         </div>

                        <div class="form-group">
                             <label class="form-group-l">手机号 ：</label>
                             <div class="form-group-r">
                                 <input type="text" name="phone" id="inv-phone" placeholder="请输入正确的手机号"/>
                             </div>
                             <label class="form-group-l">电子邮箱 ：</label>
                             <div class="form-group-r">
                                 <input type="text" name="email" id="inv-email" placeholder="请输入正确的电子邮箱"/>
                             </div>
                         </div>
						 
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="row-fluid" id="btn-invoice">
         <button class="table-btn" id="submit-invoice" type="submit">开票</button>
     </div>

     <div class="row-fluid">
         <div class="row-fluid">
             <div id="footer" class="span12">
                 2017 - 2018 &copy; 世茂集团<a href="javascript:;">支付管理</a>
             </div>
         </div>
     </div>
 </div>

 <!-- 弹出信息确认窗口 -->
<div th:replace="common/msgConfirm :: msgBlock"></div>

</body>
<script th:src="@{../../js/jquery.min.js}"></script>
<script th:src="@{../../js/bootstrap.min.js}"></script>
<script th:src="@{../../js/jquery.uniform.js}"></script>
<script th:src="@{../../js/select2.min.js}"></script>
<script th:src="@{../../js/datatables.js}"></script>
<script th:src="@{../../js/unicorn.js}"></script>
<script th:src="@{../../js/table.js}"></script>
<script th:src="@{../../js/pcInvoice.js}"></script>
<script th:src="@{../../js/loadding.js}"></script>
</html>
